{extend name="index/index"}
{block name="body"}
<div class="layui-container">
    <div class="admin-login-background">
        <div class="layui-form login-form">
            <form data-login-form onsubmit="return false" method="post" class="layui-anim layui-anim-upbit" autocomplete="off">
                <div class="layui-form-item logo-title">
                    <h1>管理后台</h1>
                </div>
                <div class="layui-form-item">
                    <label class="layui-icon layui-icon-username"></label>
                    <input name="username"  required autofocus placeholder="请输入用户名/手机号码" autocomplete="off" class="layui-input" value="" pattern="^\S{4,}$" title="请输入登录账号">
                </div>
                <div class="layui-form-item">
                    <label class="layui-icon layui-icon-password"></label>
                    <input type="password" name="password" required placeholder="请输入密码" maxlength="32" autocomplete="off" class="layui-input" value="" pattern="^\S{4,}$" title="请输入登录密码">
                </div>
                <div class="layui-form-item">
                    <label class="layui-icon layui-icon-vercode"></label>
                    <input name="verify" placeholder="请输入验证码" title="请输入验证码" autocomplete="off" class="layui-input verify captcha" value="" pattern="^\S{4,}$">
                    <div class="captcha-img">
                        <span data-captcha="{:url('admin/login/captcha',[],false)}" data-field-verify="verify" data-field-uniqid="uniqid" data-captcha-type="{$captchaType}" data-captcha-token="{$captchaToken}"></span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn layui-btn layui-btn-normal layui-btn-fluid" type="submit">登 入</button>
                </div>
            </form>
        </div>
    </div>
</div>
{/block}

{block name='style'}
<style>
    html, body {width: 100%;height: 100%;overflow: hidden}
    body {background: #1E9FFF;}
    body:after {content:'';background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
    .layui-container {width: 100%;height: 100%;overflow: hidden}
    .admin-login-background {width:360px;height:300px;position:absolute;left:50%;top:40%;margin-left:-180px;margin-top:-100px;}
    .logo-title {text-align:center;letter-spacing:2px;padding:14px 0;}
    .logo-title h1 {color:#1E9FFF;font-size:25px;font-weight:bold;}
    .login-form {background-color:#fff;border:1px solid #fff;border-radius:3px;padding:14px 20px;box-shadow:0 0 8px #eeeeee;}
    .login-form .layui-form-item {position:relative;}
    .login-form .layui-form-item label {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2;}
    .login-form .layui-form-item input {padding-left:36px;}
    .captcha {width:60%;display:inline-block;}
    .captcha-img {display:inline-block;width:34%;float:right;}
    .captcha-img span img{border:1px solid #e6e6e6;height:36px;width:100%;}
</style>
{/block}

{block name='script'}
<script type="text/javascript" color="0,255,255" opacity = "1.0" count = "200" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js" ></script>
<script src="__ROOT__/static/login.js"></script>
<script src="__ROOT__/static/plugs/supersized/supersized.3.2.7.min.js"></script>
<script>if (location.href.indexOf('#') > -1) location.replace(location.href.split('#')[0])</script>
{/block}